/* 主题色：#3E6AB5 */
/* Success：#67C23A */
/* Warning：#E6A23C */
/* Danger：#F56C6C */
/* Info：#909399 */

body {
  width: 100%;
  background: #c1c1c1;
  font-size: 14px;
  color: #333;
  font-family: Microsoft YaHei, Source Han Sans CN Regular, Alibaba Sans;
}

#app button,
#app input,
#app select,
#app textarea {
  font-family: Microsoft YaHei, Source Han Sans CN Regular, Alibaba Sans;
}

/* 内容布局 */
#app.page-container {
  width: 100%;
  min-height: calc(100vh - 50px - 34px);
  position: relative;
  overflow: hidden;
}
#app .page-content {
  padding: 20px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
}
#app .panel-container {
  width: 100%;
  background: #ffffff;
  padding: 20px;
  margin-bottom: 10px;
  border-radius: 4px;
}
#app .panel-container.no-margin {
  margin-bottom: 0;
}

#app .panel-line {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#app .panel-line.flex-end {
  justify-content: flex-end;
}
#app .panel-line.flex-center {
  justify-content: center;
}
#app .panel-line.space-between {
  justify-content: space-between;
}

#app .ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#app .panel-title {
  font-size: 14px;
  margin-bottom: 20px;
  font-weight: bold;
  color: #333333;
}
#app .panel-sub-title {
  font-size: 14px;
  margin-bottom: 20px;
  color: #333333;
}
#app .text-tip {
  font-size: 12px;
  color: #999999;
}
#app .button-danger {
  color: #f56c6c;
}

#app input::-webkit-outer-spin-button,
#app input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

#app .el-dialog__title {
  font-size: 16px;
  color: #333333;
}

#app .el-button--primary.is-disabled {
  cursor: not-allowed;
  background-image: none;
  background-color: #c0c4cc;
  border-color: #c0c4cc;
  color: #eeeeee;
}

#app .empty {
  width: 100%;
  text-align: center;
  color: #909399;
}

#app .el-dialog__header {
  background: #3e6ab5;
}
#app .el-dialog__title {
  color: #ffffff;
}
#app .el-dialog__headerbtn .el-dialog__close {
  color: #ffffff;
}
#app .el-dialog__headerbtn .el-dialog__close:hover {
  color: #ffffff;
}
[v-cloak] {
  display: none;
}
.el-radio {
  line-height: 28px !important;
}
.el-checkbox__label {
  line-height: 28px !important;
}
.el-checkbox__inner {
  border-color: #3e6ab5;
}
.el-radio__inner {
  border-color: #3e6ab5;
}
